Pigment CSS

All Posts

0 posts

News bits

2 件

2024年8月30日

Material-UI v6

Material-UI v6 がリリースされた。

https://mui.com/blog/material-ui-v6-is-out/

CSS 変数やカラースキーム、コンテナクエリなど CSS 関連の新機能が多く追加されている。

#Pigment CSS

実験的な Zero Runtime CSS-in-JS である Pigment CSS をオプトインで導入できるようになった。

Pigment CSS では、Material-UI のチームが独自に開発しており、Material-UI の従来のデフォルトである Emotion とあまり変わらない使用感で、ゼロランタイムの恩恵を受けることが出来る。

また Pigment CSS を有効化することで、Material-UI のレイアウト用コンポーネントをサーバーコンポーネントとして利用することが可能になる。

2024年6月7日

次世代の CSS-in-JS Pigment CSS を紹介する MUI の記事。

Pigment CSS は、Linaria のフォークとしてはじまった Zero Runtime CSS in JS であり、styled-components や emotion からスムーズに移行できるように同じ記法が利用できるようになっています。現在は実験的ですが、今年後半に Material UI v6 と合わせて正式にリリースされる予定とのことです。

Introducing Pigment CSS: the next generation of CSS-in-JS - MUI

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.